<style>
  p {
    margin: 1em 0;
  }
  .container {
    width: 462;
    padding: 30px;
    background: #ffffff;
    border-radius: 4px;
    margin: auto;
    text-align: center;
  }
  .logo {
    width: 207px;
    height: 76px;
  }
  .welcome {
    font-family: Roboto;
    font-size: 20px;
    color: #205f4c;
  }
  .hint {
    font-family: Roboto;
    font-size: 16px;
    text-align: center;
    color: #000000;
  }
  .code-box {
    background: #f1f1f1;
    border-radius: 4px;
    width: 224px;
    margin: auto;
    line-height: 55px;
    text-align: center;
  }
  .code {
    font-family: Roboto;
    font-size: 20px;
    color: #0f4c3a;
    letter-spacing: 0.1em;
  }
  .notice {
    font-family: Roboto;
    font-size: 16px;
    text-align: center;
    color: #888888;
  }
</style>

<div class="container">
  <svg
    class="logo"
    class="icon"
    viewBox="0 0 1024 1024"
    version="1.1"
    xmlns="http://www.w3.org/2000/svg"
    p-id="3512"
    data-spm-anchor-id="a313x.7781069.0.i2"
    xmlns:xlink="http://www.w3.org/1999/xlink"
    width="200"
    height="200"
  >
    <path
      d="M421.12 593.834667a150.016 150.016 0 0 1-59.306667-119.552c0-82.944 67.242667-150.186667 150.186667-150.186667s150.186667 67.242667 150.186667 150.186667c0 56.576-31.317333 105.898667-77.568 131.498666"
      fill="#f9ea79"
      p-id="3513"
      data-spm-anchor-id="a313x.7781069.0.i0"
      class="selected"
    ></path>
    <path
      d="M757.248 474.88c0-135.253333-109.994667-245.248-245.248-245.248-135.253333 0-245.248 109.994667-245.248 245.248 0 77.226667 35.328 148.394667 96.853333 195.242667 15.018667 11.434667 36.437333 8.533333 47.872-6.485334 11.434667-15.018667 8.533333-36.437333-6.485333-47.872-44.458667-33.792-69.888-85.162667-69.888-140.970666 0-97.621333 79.36-176.981333 176.981333-176.981334 97.621333 0 176.981333 79.36 176.981334 176.981334 0 64.341333-34.986667 123.733333-91.392 154.965333-0.682667 0.426667-1.28 0.938667-1.962667 1.365333-0.682667 0.426667-1.365333 0.682667-1.962667 1.194667-11.690667 8.789333-18.517333 13.909333-19.541333 104.874667L401.066667 697.685333c-18.346667-4.181333-36.693333 7.253333-40.874667 25.685334-4.181333 18.346667 7.253333 36.693333 25.685333 40.874666l214.698667 49.066667c2.56 0.597333 5.034667 0.853333 7.594667 0.853333 7.68 0 15.189333-2.56 21.248-7.424 8.106667-6.485333 12.885333-16.298667 12.885333-26.709333v-18.346667c0-45.824 1.365333-69.12 2.389333-80.554666a245.376 245.376 0 0 0 112.554667-206.250667zM581.461333 909.056c-2.56 0-5.205333-0.256-7.850666-0.938667l-191.488-44.885333a34.0992 34.0992 0 0 1-25.429334-41.045333c4.266667-18.346667 22.613333-29.781333 41.045334-25.429334l191.488 44.885334c18.346667 4.266667 29.781333 22.698667 25.429333 41.045333a34.116267 34.116267 0 0 1-33.194667 26.368zM543.317333 995.84c-2.645333 0-5.205333-0.341333-7.850666-0.938667l-131.498667-31.146666a34.090667 34.090667 0 0 1-25.344-41.045334 34.133333 34.133333 0 0 1 41.045333-25.344l131.498667 31.146667c18.346667 4.352 29.696 22.698667 25.344 41.045333a34.065067 34.065067 0 0 1-33.194667 26.282667z"
      fill="#333C4F"
      p-id="3514"
    ></path>
    <path
      d="M605.354667 512.426667c-18.858667 0-34.133333-15.274667-34.133334-34.133334 0-63.488-58.709333-68.437333-76.714666-68.437333-18.858667 0-34.133333-15.274667-34.133334-34.133333s15.274667-34.133333 34.133334-34.133334c85.418667 0 144.981333 56.234667 144.981333 136.704 0 18.858667-15.274667 34.133333-34.133333 34.133334zM512 147.456c-18.773333 0-34.133333-15.36-34.133333-34.133333V62.293333c0-18.773333 15.36-34.133333 34.133333-34.133333s34.133333 15.36 34.133333 34.133333v51.029334c0 18.773333-15.36 34.133333-34.133333 34.133333zM289.365333 239.616a34.2016 34.2016 0 0 1-48.298666 0l-36.096-36.096a34.2016 34.2016 0 0 1 0-48.298667 34.2016 34.2016 0 0 1 48.298666 0l36.096 36.096c13.312 13.312 13.312 35.072 0 48.298667zM205.738667 462.250667c0 18.773333-15.36 34.133333-34.133334 34.133333h-51.029333c-18.773333 0-34.133333-15.36-34.133333-34.133333s15.36-34.133333 34.133333-34.133334h51.029333c18.773333 0 34.133333 15.36 34.133334 34.133334zM734.634667 239.616a34.2016 34.2016 0 0 1 0-48.298667l36.096-36.096a34.2016 34.2016 0 0 1 48.298666 0 34.2016 34.2016 0 0 1 0 48.298667l-36.096 36.096c-13.312 13.312-35.072 13.312-48.298666 0zM818.261333 462.250667c0-18.773333 15.36-34.133333 34.133334-34.133334h51.029333c18.773333 0 34.133333 15.36 34.133333 34.133334s-15.36 34.133333-34.133333 34.133333h-51.029333c-18.773333 0-34.133333-15.36-34.133334-34.133333z"
      fill="#333C4F"
      p-id="3515"
    ></path>
  </svg>

  <p class="welcome">您好~感谢使用 Flicker</p>
  <p class="hint">
    您的账号正在使用邮箱验证，<br />
    本次请求的验证码为：
  </p>
  <div class="code-box">
    <span class="code"> {{CODE}} </span>
  </div>
  <p class="notice">
    30分钟内有效，请不要外传。<br />
    若此操作非本人进行，请忽略此邮件。
  </p>
</div>
